/*
* @Author: mikey.zhaopeng
* @Date:   2016-02-25 18:30:11
* @Last Modified by:   mikey.zhaopeng
* @Last Modified time: 2016-04-15 16:28:23
*/

.with-full-sidepanel-panel .sidepanel-panel {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.with-full-sidepanel-panel .sidepanel-panel {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.sidepanel-panel {
    position: fixed;
    width: 1000px;
    top: 100px;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #fafafa;
    -webkit-transition: transform 218ms ease;
    -o-transition: transform 218ms ease;
    transition: transform 218ms ease;
    -webkit-transform: translate(1000px, 0);
    -ms-transform: translate(1000px, 0);
    -o-transform: translate(1000px, 0);
    transform: translate(1000px, 0);
    -webkit-box-shadow: -3px 0 3px rgba(0, 0, 0, .1);
    box-shadow: -3px 0 3px rgba(0, 0, 0, .1);
}

.sidepanel-panel .panel {
    border: 0;
}

.sidepanel-panel .panel-heading {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidepanel-panel .panel-body {
    overflow: auto;
    height: 100%;
    padding-bottom: 100px;
}

.sidepanel-panel .panel-footer {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100000;
}

.sidepanel-panel .panel {
    height: 100%;
}

.sidepanel-panel .panel-heading .close {
    margin-top: -2px;
}

.sidepanel-panel .panel-heading .close span {
    font-size: 24px;
}
